<template>
  <div class="profile-ad">
    <el-card class="box-card">
      <template #header>
        <div class="clearfix">
          <span>我的特权</span>
        </div>
      </template>
      <div>
        <el-row>
          <el-col :span="12">积分兑换</el-col>
          <el-col :span="12">会员权益</el-col>
        </el-row>
        <el-divider></el-divider>
        <div>
          <p>积分兑换商城，使用积分兑换礼品。</p>
          <p>会员专享特权，享受更多优惠。</p>
        </div>
      </div>
    </el-card>
    <el-card class="box-card" style="margin-top: 20px">
      <template #header>
        <div class="clearfix">
          <span>订单提醒</span>
        </div>
      </template>
      <div>
        <el-image
            style="width: 100%"
            src="https://www.example.com/qr-code.jpg">
        </el-image>
        <p>扫描二维码，关注订单动态。</p>
      </div>
    </el-card>
  </div>
</template>

<script setup>
</script>

<style scoped>
.profile-ad {
  padding: 20px;
  background-color: #f9f9f9;
  overflow-y: auto;
}

.box-card {
  margin-bottom: 20px;
}
</style>
